<template>
	<view class="container">
		<view class="jilu_list">
			<view class="block_div xiangmu" v-for="(item,index) in dataList" :key="index">
				<view class="list_title flex flex-align flex-bt">
					<view class="left">{{item.create_at}}</view>
					<view class="right">{{item.status==1?'审核中':item.status==2?'驳回':"成功"}}</view>
				</view>
				<view class="x_title">{{item.title_zh_cn}}</view>
				<view class="list flex flex-align flex-bt">
					<view class="left">提现金额:</view>
					<view class="right green">{{item.amount}}</view>
				</view>
				<!-- <view class="list flex flex-align flex-bt">
					<view class="left">到账金额:</view>
					<view class="right green">{{item.accountPrice}}</view>
				</view> -->
				<view class="list flex flex-align flex-bt">
					<view class="left">手续费:</view>
					<view class="right green">{{item.charge_amount}}%</view>
				</view>
				<view class="list flex flex-align flex-bt">
					<view class="left">提现方式：</view>
					<view class="right green">{{item.type_name}}</view>
				</view>
			</view>
		</view>
		<view class="empty-box" v-if="dataList.length==0">
			<image src="/static/noCart.png" mode=""></image>
			<view>暂无数据</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				page:1,
				dataList:[],
				type:''
			}
		},
		onLoad(e) {
			this.type=e.type
			this.getList()
		},
		onReachBottom() {
			this.page++
			this.getList()
		},
		methods: {
			getList(){
				let that = this
				that.tui.request('api.auth.transfer/withdrawLog', "POST",{page:that.page}, false, false, true).then((res) => {
					that.dataList = that.dataList.concat(res.data.list)
				}).catch((res) => {})
			},
		}
	}
</script>

<style lang="scss">
	page{background: #f7f7f7;padding: 20rpx 0;}
	.nojilu{padding-top: 30rpx;}
	.xiangmu{margin:0 20rpx 20rpx;padding: 30rpx;background: #fff;
	.list_title{line-height: 60rpx;border-bottom: 1px solid #eee;margin-bottom: 30rpx;padding-bottom: 10rpx;
		.left{color: #999;}
		.right{color: #bbe68c;}
	}
	.x_title{font-weight: bold;margin-bottom: 20rpx;}
		.list{height: 60rpx;
			.right{font-weight: bold;text-align: right;
				.green{font-size: 28rpx;}
				.grey{font-weight: 400;color: #999;}
			}
		}
	}
</style>